<template>
    <div class="container">
        <div v-for="course in data">
            <CourseItem :data="course"  :old_data="data" ></CourseItem>
        </div>
    </div>
</template>

<script setup>
import CourseItem from '@c/preview-item/course.vue'
import { onMounted, ref } from 'vue-demi'
import store from '../../../store'
// const props = defineProps(['data'])
let data = ref()
onMounted(async () =>{
    // console.log('props:', props)
    data.value = (await store.state.router_data.get())
})
</script>

<style lang="scss" scoped>

.container{
    //background: #cdc1c1;
    flex-wrap: wrap;
    display: flex;
}

</style>